<template>
    <div id="search">
        <router-link to="/city/citylist" tag="div">
        <div id="search_d1"><span>{{this.$store.state.city}}</span><span class="iconfont">&#xe791;</span></div>
        </router-link>
        <div id="search_d2"><input type="text"></div>
    </div>
</template>
<script>
export default {
    
}
</script>
<style lang="stylus" scoped>
    #search
        width 100%
        display flex
        background-color #fff
        #search_d1
            padding-left 4vw
            height 15vw
            line-height 15vw
        #search_d2
            position relative
            padding 2.666667vw 4vw
            flex 1
        #search_d2
            input
                line-height 4.8vw
                width 85%
                height 4.8vw
                color #999
                padding 2.4vw 4.8vw 2.4vw 6.666667vw
                background #f2f2f2 
</style>

